<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Form Elements - Ace Admin</title>

<meta name="description" content="Common form elements and layouts" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/chosen.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/datepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-timepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/daterangepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datetimepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/colorpicker.css" />

<!-- text fonts -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/ace/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/ace/assets/js/respond.min.js"></script>
		<![endif]-->
</head>

<body class="no-skin">
	<div class="breadcrumbs" id="breadcrumbs">

		<ul class="breadcrumb">
			<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a>
			</li>

			<li><a href="#">Tables</a></li>
			<li class="active">Simple &amp; Dynamic</li>
		</ul>
		<!-- /.breadcrumb -->

	</div>

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="page-header">
				<h1>
					Form Elements 
				</h1>
			</div>
			<!-- /.page-header -->

			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<form class="form-horizontal">
						<!-- #section:elements.form -->
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 用户电话 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="phoneNumber"
											name="" value="${question.phoneNum}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 问题发布时间 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="phoneNumber"
											name="" value="<fmt:formatDate value='${question.date}' pattern='yyyy-MM-dd HH:mm:ss'/>"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 问题金额 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="money"
											name="" value="${question.money}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 问题内容 </label>
		
									<div class="col-sm-9">
										<textarea id="form-field-1" placeholder="content"
											name="" class="col-xs-10 col-sm-5" readonly="readonly">${question.content}</textarea>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 问题图片 </label>
		
									<div class="col-sm-9">
										<c:forEach items="${question.picList}" var="img">
											<img height="50" width="50" style="cursor: pointer" onclick="javascript:bigimg1(this.src);" alt="" src="<%=request.getContextPath()%>/getPic/question/${img}" />
										</c:forEach>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 状态 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="status"
											name="" value="<c:if test='${question.status==1}'>未采纳答案</c:if><c:if test='${question.status==2}'>未采纳答案</c:if><c:if test='${question.status==3}'>已采纳并公开</c:if><c:if test='${question.status==4}'>已采纳不公开</c:if><c:if test='${question.status==5}'>未采纳平分</c:if><c:if test='${question.status==6}'>未回答退回</c:if><c:if test='${question.status==7}'>被隐藏</c:if>"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 悬赏结束时间 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="phoneNumber"
											name="" value="<fmt:formatDate value='${question.endDate}' pattern='yyyy-MM-dd HH:mm:ss'/>"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 回答次数 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="answerNum"
											name="" value="${question.answerNum}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 答题人手机号 </label>
		
									<div class="col-sm-9">
										<textarea id="form-field-1" placeholder="content"
											name="" class="col-xs-10 col-sm-5" readonly="readonly">${question.answerUserPhones}</textarea>
<!-- 										<input type="text" id="form-field-1" placeholder="answerUserPhones" -->
<%-- 											name="" value="${question.answerUserPhones}" --%>
<!-- 											class="col-xs-10 col-sm-5" /> -->
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 支付状态 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="answerUserPhones"
											name="" value="<c:if test='${question.payStatus==0}'>已支付</c:if><c:if test='${question.payStatus==1}'>未支付</c:if>"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 支付类型 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="answerUserPhones"
											name="" value="${question.payType=='0'?'余额':question.payType=='1'?'普通会员卡':question.payType=='2'?'企业会员卡':question.payType=='3'?'微信':question.payType=='4'?'解税宝':''}
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 状态 </label>
		
									<div class="col-sm-9">
										<input type="radio"	name="delFlag" value="0" <c:if test="${question.delFlag==0}">checked="checked"</c:if> disabled="disabled" />&nbsp;显示
										<input type="radio" name="delFlag" value="1" <c:if test="${question.delFlag==1}">checked="checked"</c:if> disabled="disabled" />&nbsp;隐藏
									</div>
								</div>
						<div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<input type="button" class="btn btn-info" type="button" onclick="location.href='<%=request.getContextPath()%>/question/list.do'" value="返回" />
							</div>
						</div>
					</form>
					<div class="modal fade" id="myModalimg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
											<jsp:include page="modalbigimg.jsp"></jsp:include>
										</div>
					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</div>
		<!-- /.page-content-area -->
	</div>
	<!-- /.page-content -->
</body>

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement)
		document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
</script>

<script
	src="<%=request.getContextPath()%>/ace/assets/js/bootstrap.min.js"></script>

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.onpage-help.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/docs/assets/js/themes/sunburst.css" />
<script type="text/javascript">
function bigimg1(src){
	$("#bigimg").attr("src",src)
	$('#myModalimg').modal('show');
}
</script>
</html>
